<template>
    
        <!-- 添加模块 -->
        <!-- <div class="module-box"> -->
          <!-- 一行三等分 -->
          <!-- <div style="flex: 0 1 30%;">
            <dv-border-box-6 style="width:100%;height:200px;">dv-border-box-6</dv-border-box-6>
          </div>
          <div style="flex: 0 1 40%;">
            <dv-border-box-1 style="width:100%;height:200px;">dv-border-box-1</dv-border-box-1>
          </div>
          <div style="flex: 0 1 30%;">
            <dv-border-box-8 style="width:100%;height:200px;">dv-border-box-8</dv-border-box-8>
          </div>
        </div> -->
        
    
        <!-- 添加模块 -->
        <div class="module-box">
          <!-- 二行二等分 -->
          <div style="flex:0 1 25%">
            <dv-border-box-9 style="width:100%;height:350px;text-align: center;">
          
              <h3 >实时订单数</h3>
              <div style="margin: 50px auto;">
                <MathChart />
                </div>
              </dv-border-box-9>
            <!-- <dv-border-box-8 style="width:100%;height:200px;">dv-border-box-8</dv-border-box-8> -->
          </div>
          <div style="flex:0 1 75%">
            <dv-border-box-7 style="width:100%;height:350px;">
                <ZhuxinChart2  />
            </dv-border-box-7>
          </div>
  
        </div>
 
    </template>
    
  
  <script>
    import ZhuxinChart2 from './chart/zhuxinChart2.vue';
    import MathChart from './chart/mathChart.vue'
    export default {
        components: {
      ZhuxinChart2,
      MathChart
    },
    data() {
      return {  
        
      }
    }
  };
   
  </script>
  
  <style >
 
  </style>